<template>
  <view class="mySetup">
    <view class="mymain">
      <view
        class="mylis"
        v-for="(item, index) in myInfo"
        :key="index"
        @tap="handlleSetupTap(item, index)"
      >
        <view class="mylis-lf">{{ item.name }}</view>
        <view class="mylis-ri">
          <img src="../../static/icones/icon4.png" alt="" />
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      myInfo: [
        {
          id: 1,
          name: "个人信息",
        },
        {
          id: 2,
          name: "实名认证",
        },
        {
          id: 3,
          name: "用户协议",
        },
        {
          id: 4,
          name: "隐私协议",
        },
        {
          id: 5,
          name: "数字协议",
        },
      ],
    };
  },
  methods: {
    handlleSetupTap(val, ind) {
      console.log(val, ind, "handlleSetupTap");
      if (val?.id == 1) {
        uni.navigateTo({ url: "/pagesMy/infoEmail/index" });
      }
    },
  },
};
</script>
<style lang="scss" scoped>
.mySetup {
  width: 100vw;
  height: 100vh;
  //   overflow: scroll;
  background-color: #f5f5f5;
  padding: 12px;
  .mymain {
    width: 100%;
    min-height: 255px;
    background-color: #fff;
    box-shadow: 0px 8px 30px 0px rgba(0, 0, 0, 0.02);
    border-radius: 10px;
    font-size: 15px;
    color: #3d3d3d;
    padding: 15px;
    .mylis {
      height: 52px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      .mylis-lf {
      }
      .mylis-ri {
        img {
          width: 6px;
          height: 13px;
          object-fit: contain;
        }
      }
    }
  }
}
</style>
